<template>
  <div class="charts" ref="charts"></div>
</template>

<script>
import * as echarts from 'echarts';
export default {
name:"",
mounted(){
    let progressCharts = echarts.init(this.$refs.charts);
    progressCharts.setOption({
        xAxis:{show:false,min:0,max:100},
        yAxis:{type:"category",show:false},
        tooltip:{},
        grid:{
            top:0,
            left:0,
            right:0,
            bottom:0,
        },
        series:[{
            type:"bar",
            data:[43],
            showBackground: true,
            backgroundStyle:{
                color:"#eee",
            },
            barWidth:10,
            color:'yellowgreen',
            label:{
                show:true,
                formatter:"|",
                position: 'right'
            }
        }],
    });
}
}
</script>

<style scoped>
.charts{
    height:100%;
    width:100%;
}
</style>